    <div class="container">
      <div class="bg-putih">

        <div class="jdl-page">
          <?php echo isset($judul)?$judul:'<font color="#ccc">Judul Belum Diberikan</font>'; ?>
          <div class="clearfix"></div>
        </div>
        
        <?php echo display_flash(); ?>
        
        <?php echo form_open('auth/create_role', array('class' => 'form-horizontal', 'role' => 'form', 'id' => 'form')); ?>
          <div class="form-group">
            <label class="col-xs-3">Kategori</label>
            <div class="col-xs-3">
              <select name="kat" class="form-control input-sm" <?php if(count($roles_cat)<1){echo "disabled";}?>>
              <?php 
              if(count($roles_cat)>0){
                foreach ($roles_cat as $row){ ?>
                <option value="<?php echo $row['id']; ?>"><?php echo ucfirst($row['category']); ?></option>
              <?php 
                }
              }else{
              ?>
                <option>Tidak ada data</option>
              <?php 
              }
              ?>
              </select>
            </div>
          </div>
          <div class="form-group">
            <label class="col-xs-3 control-label">Urutan</label>
            <div class="col-xs-2">
              <input name="ordinal_number" type="number" class="form-control input-sm">
            </div>
          </div>
          <div class="form-group">
            <label class="col-xs-3">Nama Role</label>
            <div class="col-xs-4">
              <input type="text" name="role_name" id="role_name" class="form-control input-sm" placeholder=""/>
            </div>
          </div>          
          <div class="form-group">
            <label class="col-xs-3">Controller</label>
            <div class="col-xs-4">
              <input type="text" name="role_url" id="role_url" class="form-control input-sm" placeholder=""/>
            </div>
          </div>
          <div class="form-group">
            <label class="col-xs-3">Deskripsi</label>
            <div class="col-xs-6">
              <input type="text" name="role_desc" id="role_desc" class="form-control input-sm" placeholder=""/> 
            </div>
          </div>
          <div class="form-group">
            <label class="col-xs-3 control-label">Singgle Menu?</label>
            <div class="col-xs-9">
              <div class="radio radio-inline radio-success">
                  <input type="radio" id="inlineRadioA1" value="1" name="parent">
                  <label for="inlineRadioA1"> Ya</label>
              </div>
              <div class="radio radio-inline radio-danger">
                  <input type="radio" id="inlineRadioA2" value="0" name="parent" checked>
                  <label for="inlineRadioA2"> Tidak</label>
              </div>
            </div>
          </div>

          <div class="form-group">
            <div class="col-xs-12">
              <button type="submit" class="btn btn-primary btn-sm">Buat Role</button>
              <button type="reset" class="btn btn-default btn-sm">Kosongkan</button>
            </div>
          </div>
        <?php echo form_close(); ?>

        <div class="clearfix"></div>
      </div>
    </div> <!-- /container -->